<template>
  <div>
      <!--使用@来标识为这是一个事件，该事件方法为nodeclick-->
      <el-tree
        :data="data"
        :props="defaultProps" 
        node-key="catId"
        @node-click="nodeclick"
      >
      </el-tree>
  </div>
</template>

<script>
/* eslint-disable */
export default {
    data() {
      return {
        data: [],
        defaultProps: {
          children: 'childrens',
          label: 'name'
        }
      };
    },
    methods: {
      nodeclick(data,node,component){
        //$emit来触化父组件中的事件show
        this.$emit("show",data,node,component);
      },
      //该方法自定义  
      getCategory(){
        this.$http({
          url: this.$http.adornUrl('/product/category/listTree'),//请求后台接口
          //请求类型
          method: 'get'
        }).then(({data}) => {
          console.log("成功获取的类别数据：",data.data)
          //接口返回的数据
          this.data = data.data
        });
      },
    },
    created(){
      this.getCategory();//调用getCategory()方法
    },
  };
</script>
<style>
</style>